<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!-- 图片和页面同级目录：直接写图片名 -->
<img src="bg.png" alt="图挂了">
<!-- 图片在页面的上级目录：../图片名 -->
<!--title:鼠标在图片悬停是显示的文本-->
<img src="../b.jpg" width="50%" title="300元">
<!-- 图片在页面的下级目录-->
<!--设置宽高的两种方式：1.像素 2.百分比  只设置宽度的高度会自动等比例缩放-->
<img src="abc/c.jpg" width="100" height="100">
<!-- 通过绝对路径访问站外资源-->
<img src="https://w.wallhaven.cc/full/g7/wallhaven-g7rwod.jpg">
</body>
</html>